<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>基本选择器</title>
		<script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function () {
				//1、id选择器：通过id获取页面中的元素，格式$("#id")
				//console.log($("#testId"));
				//2、标签选择器：通过标签名获取页面中的元素，格式$("标签名")
				//console.log($("input"));
				//3、通过class属性获取页面中的元素，格式$(".class")
				//console.log($(".testClass"));
				//4、群组选择器：通过多个选择器获取页面中的元素，只要符合其中的一个选择器就可以获取该元素，格式$("selector1,selector2,selector3,...")
				//console.log($(".testClass,span"));
				//5、全局选择器：获取页面中所有的元素，格式$("*")
				console.log($("*"));
			});
		</script>
	</head>
	<body>		
		<div>
			<input type="text" id="testId">
			<input type="text" id="testId" class="testClass">
			<input type="text" class="testClass">
			<span>helloworld</span>
		</div>
	</body>
</html>

